import NumberCount from './test3'
import Mytxt from './test4'
import Mytxt2 from './test5';
// import Box3 from './Box'
import GuestBook from './guestbook';
import Hello from './test6_组件传递';
import Parent from './test7_子传父';
import Parent3 from './test8_兄弟间传值';
import MyLife from './test9_组件生命周期';
import App from './test10_路由';
import Apps from './test11_发Ajax请求';
import React from 'react';
import ReactDOM from 'react-dom/client';
import Xxk from './选项卡';
import YouHua from './性能优化';
import MySwiper from './swiper';
import Test1 from './02-Hooks/01-useState';
import Test2 from './02-Hooks/02-useEffect';
import Test3 from './02-Hooks/03-useEffect2';
import Test4 from './02-Hooks/04-useEffect3';
import Test5 from './02-Hooks/05-useCallback';
import Memos from './02-Hooks/06-useMemo';
import MyRefs from './02-Hooks/07-useRef';
import MyContext from './02-Hooks/08-useContext';
import MyReducer from './02-Hooks/09-useReducer';
import MyReducer2 from './02-Hooks/10-useReducer2';
import MyCinema from './02-Hooks/11.自定义hooks';
// import Zhuye from './03-Route/zhuye';
import Zhuye from './04-Redux/zhuye';
import Zhuye2 from './05-React-Redux/zhuye'
import {store,persistor} from './05-React-Redux/redux/store';
import {Provider} from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';
// import 'antd/dist/antd.css'//全局引用antd的CSS
import Antd01 from './06-antd/01-antd引入';
import Antd02 from './06-antd/02-栅格系统';
import Antd03 from './06-antd/03-Layout';
import Antd04 from './06-antd/04-下拉菜单';
import Zhuye3 from './07-antd-mobile/zhuye';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  // <Box3 />
  // <NumberCount />
  // <Mytxt />
  // <Mytxt2 />
  // <GuestBook />
  //属性传参(父传子)利用props属性
  // <Hello stname='碰磕' age={18} hobby={['吃饭','睡觉','学习']} fun={()=>{alert('传过来的函数~')}} tag={<h1>我是传来的标签</h1>} /> 
  // <Parent />
  // <Parent3 />
  // <MyLife />//组件生命周期
  // <App />
  // <Xxk />
  // <YouHua />//性能优化防止重复刷新
  // <MySwiper />//轮播图
  // <Apps />
  // <Test1 />//useState
  // <Test2 />//空数组
  // <Test3 />//更新执行
  // <Test4 />//销毁
  // <Test5 />//记忆函数
  // <Memos />//记忆组件
  // <MyRefs /> //保存引用值
  // <MyContext />//减少组件层级
  // <MyReducer />//减少组件层级
  // <MyReducer2 />//与context整合
  // <MyCinema />//自定义hooks
  // <Zhuye />//路由
  // <Provider store={store}>
  //   <PersistGate loading={null} persistor={persistor}>
  //     <Zhuye2 />
  //   </PersistGate>
  // </Provider>//redux持久性

  // <Antd01 />//antd按钮示例
  // <Antd02 />//栅格系统
  // <Antd03 />//Layou
  // <Antd04 />//下拉列表
  <Provider store={store}>
     <PersistGate loading={null} persistor={persistor}>
       <Zhuye3 />
     </PersistGate>
   </Provider>
);